﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Globallied.net</title>
<link rel="stylesheet" href="stylesheet/stylesheet.css" type="text/css" media="screen" />
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/>
<link rel="stylesheet" type="text/css" href="stylesheet/jquery-ui-1.8.9.custom.css" />
<!-- jQuery and Custom scripts -->
<script src="js/jquery-1.5.2.min.js" type="text/javascript"></script>
<script src="js/jquery.cycle.lite.1.0.min.js" type="text/javascript"></script>
<script src="js/custom_scripts.js" type="text/javascript"></script>
<script src="js/jquery.roundabout.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.9.custom.min.js"></script>
<script type="text/javascript" src="js/tabs.js"></script>
<!-- SLIDER AND LIGHTBOXES -->
<link rel="stylesheet" type="text/css" href="js/lightbox-0.5/css/jquery.lightbox-0.5.css" />
<link rel="stylesheet" type="text/css" href="js/prettyphoto/css/prettyPhoto.css" />
<script type="text/javascript" src="js/li-slider/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/lightbox-0.5/js/jquery.lightbox-0.5.min.js"></script>
<script type="text/javascript" src="js/prettyphoto/js/jquery.prettyPhoto.js"></script>
<link rel="stylesheet" type="text/css" href="js/li-slider/skins/Trend/skin.css" />
<script type="text/javascript" src="js/li-slider/js/li-slider-animations-1.1.min.js"></script>
<script type="text/javascript" src="js/li-slider/js/li-slider-1.1.min.js"></script>
<script type="text/javascript"> 
    	$(window).load(	
			function() {
				$("#big_slider").sp_Li_Slider({						
					animation						: "Regular-Exception",	// type of Animation: Regular, Random, Regular-Custom, Random-Custom, Regular-Exception, Random-Exception  			
					transitions					: 'None',				// None|transition_name(s) // List of custom animations - for full list please reference to the preview (works only with "Regular-Custom, Random-Custom, Regular-Exception , Random-Exception ")
					auto_play 					: true,   			// true|false - auto play on start
					repeat	 						: true,					// true|false|number - how many times to repeat all slides
					modalMode						:	'prettyPhoto',// lightBox|prettyPhoto|off
					goToSlideOnStart		:	1,						// value //any slide number starting from 1 or url?sp_slide=2
					timer								: 'line_bottom',// no|line_bottom|line_top|line_right|line_left
					pauseOnMouseOver		:	true,					// true|false
					tooltip							:	'image',			// none|text|image
					tooltipSize					: 20,						// value // % of slider dimentions from 0 to 100. Use 0 to disable it
					shuffle							:	false,				// true|false - randomize the images order
					delay     					: 5000,					// value // time period of a photos displaying /default - 3000 (3 sec)
					trans_period				:	800,					// value // time period of chenging the photos /default - 1000 (1 sec)
					vert_sections				:	10,						// value // number of vertical sectors (only for Animation type Blind) /default - 15
					sqr_sections_Y			:	4,						// value // number of squeres by vertical (only for Animation type Sqr) /default - 5
					active_links				:	true,					// true|false //activate links of photos /default - true
					buttons_show				:	true,					// true|false //show all buttons 		/default - true
					play_pause_show			:	true,					// true|false //show Play or Pause buttons	/default - true
					next_prev_show			:	true,					// true|false //show Next or Prev buttons	/default - true
					auto_hide 					: true,					// true|false // auto hide buttons ot start (when auto_play is true)
					buttons_show_time		:	1000,					// value 			//time period befor displayins of the buttons 	/default - 100
					buttons_show_delay	:	200,					// value //time period for appearing of the buttons		/default - 300
					buttons_hide_time 	:	1000,					// value //time period befor disappearing of the buttons/default - 2000
					buttons_hide_delay	:	200						// value //time period for disappearing of the buttons	/default - 500
				});
			}
		);		
</script>
<!-- Tipsy -->
<script src="js/tipsy/jquery.tipsy.js" type="text/javascript"></script>
<link href="js/tipsy/css.tipsy.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Estilo5 {
	color: #2c278d;
	font-weight: bold;
	font-family: Constantia;
}
.Estilo11 {
	color: #8d01f9;
	font-weight: bold;
}
-->
</style>
</head>

<body>
<!-- MAIN WRAPPER -->
<div id="container"> 
  
  <!-- SIDEFEATURES -->
  <div id="sidefeatures">
    <ul>
      <li class="side_lang"><span>Language</span>
        <div id="language"><a href="#" title="English"><img src="image/gb.png" alt="GLOBALLIED"/></a>English  <a href="#" title="Español"><img src="image/bandera_espanol.gif" alt="GLOBALLIED"/></a>Español</div>
      </li>
    </ul>
  </div>
  <!-- END OF SIDEFEATURES --> 
  
  <!-- HEADER -->
  <div id="header">
    <div class="inner" style="background:url(../image/back_stitch_dark.png) top center repeat">
      <div id="logo"><a href="index.html"><img src="image/globallied1.gif" width="259" height="95" alt="GLOBALLIED" /></a></div>
      <div id="welcome"><span> | </span><a href="login.aspx"  style="color:#3f3b94">Login</a><span> | </span><a href="register.html" style="color:#3f3b94">Create an account</a></div>
      <div class="menu">
        <ul id="topnav">
          <li><a href="index.html">Home </a></li>
          <li><a href="about.html">About Globallied</a>
              <ul class="children">
                <li><a href="about.html">Company Overview</a></li>
                <li><a href="about.html#Benefits">Features and Benefits</a></li>
              </ul>
          </li>
          <li><a href="services.html">Services</a>
              <ul class="children">
                <li><a href="services.html">Customer Service</a></li>
              	<li><a href="services.html#back_office">Back Office</a></li>
              	<li><a href="services.html#data_entry">Data Entry</a></li>
              	<li><a href="services.html#collections">Collections</a></li>
              	<li><a href="services.html#client_account">Client Account Management</a></li>              
              	<li><a href="services.html#help_desk">Help Desk & Tech Support</a></li>
              	<li><a href="services.html#tier_escalations">Tier 1 & Tier 2 Escalations</a></li>
              	<li><a href="services.html#sofware_development">Software Development</a></li>
              </ul>
          </li>
<!--          <li><a href="#">Industries</a>
              <ul class="children">
                <li><a href="#">Financial Institutions</a></li>
                <li><a href="#">Transportation</a></li>
                <li><a href="#">Healthcare</a></li>
                <li><a href="#">Government Institutions</a></li>
                <li><a href="#">Pet Shop</a></li>
              </ul>
          </li>-->
          <li><a href="career.html">Careers</a>
              <ul class="children">
                <li><a href="career.html">Job Postings</a></li>
                <li><a href="career.html#Benefits">Benefits</a></li>
                <li><a href="career.html#Training">Training</a></li>
<!--                <li><a href="undercons.html">Career Path</a></li>-->
              </ul>
          </li>
<!--          <li><a href="#">Wish List</a></li>-->
		 <li><a href="contact.html">Contact Us</a></li>
        </ul>
      </div>
    </div>
  </div>
  <!-- END OF HEADER --> 
  
  <!-- CONTENT -->
  <div id="content_holder" class="fixed">
    <div class="inner">
      <div id="content" style="padding-top:15px">
        <div class="box featured-box">
          <!--<h2 class="heading-title"><span></span></h2>-->
          
          
          <!-- BIG SLIDESHOW -->

  			<div id="slideshow_big">
			    <div class="inner">
			      <!-- Slider Start -->
			      <div id="big_slider" class="li-banner"><!--060542-->
			        <ul>
			          <li><img src="image/Best quality service.jpg" alt="Satisfied Customers" /></li>
			          <li><img src="image/Satisfied Customers.png" alt="Best quality service" /></li>
                      <li><img src="image/Leading teams1.jpg" alt="Leading teams" /></li>
                      <li><img src="image/Teamwork.jpg" alt="Teamwork" /></li>
<!--                      <li><img src="image/Our success.jpg" alt="Our success" /></li>-->
			        </ul>
			      </div>
			      <!-- Slider End --> 
			    </div>
			  </div>

  <!-- END OF BIG SLIDESHOW --> 
          
          

        <div class="box">
        <h2><span style="font-size:xx-small">.</span></h2>
          
          
        </div>
        <div>
          <div class="banner">
            <div><a href="why_guatemala.html" class="link link1" style="color:#FFFFFF">Our Country</a>
                 <a href="why_guatemala.html#telecommunications" class="link link2" style="color:#FFFFFF">Telecommunications</a>
                 <a href="why_guatemala.html#human resources" class="link link3" style="color:#FFFFFF">Human Resources</a>
                 <a href="img_guate.html" class="link link4" style="color:#FFFFFF">Guatemala in Images</a>
                 <img src="image/banner11.jpg" alt="GLOBALLIED" />
            </div>
            <div><a class="link5"><img src="image/Career Path.png" alt="GLOBALLIED" /></a>
            	 <a href="#"><img src="image/banner21.jpg" alt="GLOBALLIED" /></a></div>
          </div>
        </div>

        </div>
      </div>
    </div>
  </div>
  <!-- END OF CONTENT --> 
  
  <!-- FOOTER -->
  <!-- END OF FOOTER --> 
  
</div>
<!-- END OF MAIN WRAPPER --> 
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script> 
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/d_koev.json?callback=twitterCallback2&amp;count=3"></script> 
<script type="text/javascript"><!--
$(document).ready(function() {
$('#twitter_update_list').cycle({
		fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
		next:   '#tweet_next', 
    	prev:   '#tweet_prev'
		}); 
		});
//--></script> 
<script type="text/javascript">
   $(document).ready(function() {
		var interval;
		$('ul#myRoundabout')
		.roundabout({
		  	'btnNext': '.next_round',
			'btnPrev': '.previous_round' 
		  }
		  )
		.hover(
		function() {

		clearInterval(interval);
		},
		function() {

		interval = startAutoPlay();
		});

		interval = startAutoPlay();
		});
		function startAutoPlay() {
		return setInterval(function() {
		$('ul#myRoundabout').roundabout_animateToPreviousChild();
		}, 3000);
	} 
</script>
</body>
</html>
